<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">

<ui:composition>
    <div align="center" style="width:900px;">
        <table>
            <tr>
                <td style="width:70px;text-align:center;vertical-align:middle;">
                    <br/>
                    <ui:include src="leftSidePanel.xhtml"/>
                </td>
                <td>
                    <h:panelGrid columns="8"
                                 cellspacing="1"
                                 columnClasses="dateColumn, dateColumn, dateColumn, dateColumn, dateColumn, dateColumn, dateColumn, dateColumn">
                        <h:outputText value="&#160;"/>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(0)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(1)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(2)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(3)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(4)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(5)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{timeViewBean.currentWeekDates.get(6)}">
                            <f:convertDateTime pattern="dd-MM-yyyy"/>
                        </h:outputText>
                    </h:panelGrid>
                    <h:panelGrid columns="8"
                                 cellspacing="1"
                                 columnClasses="head, head, head, head, head, head, head, head">
                        <h:outputText value="&#160;"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(0))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(1))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(2))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(3))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(4))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(5))}"/>
                        <h:outputText value="#{timeViewBean.getDayName(timeViewBean.currentWeekDates.get(6))}"/>
                    </h:panelGrid>
                    <ui:insert/>
                </td>
                <td style="width:70px;text-align:center;vertical-align:middle;">
                    <br/>
                    <ui:include src="rightSidePanel.xhtml"/>
                </td>
            </tr>
            <tr>
                <td colspan="3" style="padding-top:40px;">
                    <ui:include src="buttonsPanel.xhtml"/>
                </td>
            </tr>
        </table>
    </div>
</ui:composition>

</html>